<template>
  <div id="detail_goodsdesc">
    <div class="promise">{{ desc }}</div>
    <div class="title">{{ key1 }}</div>
    <div class="img" v-for="(item, index) in detailImage" :key="index">
      <img src="~assets/img/init.gif" v-real-img="item" />
    </div>
  </div>
</template>

<script>
export default {
  // 组件名称
  name: "detail_goodsdesc", // 组件参数 接收来自父组件的数据
  props: {
    detailImage: {
      type: Array,
      default() {
        return [];
      },
    },
    key1: {
      type: String,
      default() {
        return "";
      },
    },
    desc: {
      type: String,
      default() {
        return "";
      },
    },
  }, // 局部注册的组件
  components: {}, // 组件状态值
  data() {
    return {};
  },
  methods: {},
};
</script>
<style scoped>
#detail_goodsdesc {
  background-color: #fff;
}
.img img {
  width: 100%;
  height: 400px;
}
.title {
  margin-left: 20px;
  margin-top: 28px;
}
.promise {
  margin-top: 20px;
  margin-left: 10px;
}
</style>